<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>${_front_title}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="/static/favicon.ico" />
 	<link rel="stylesheet" type="text/css" href="${_front_css}/main.css">
	<link rel="stylesheet" type="text/css" href="${_front_css}/index.css">
    <link rel="stylesheet" href="${_front_css}/account/account.css">
    <link rel="stylesheet" href="${_front_css}/account/account-vouchers.css">
    <script type="text/javascript" src="${_front_js}/jquery.min.js"></script>
    <script type="text/javascript">
    </script>
</head>

<body>
    <!-- 头部 开始 -->
	<div id="header">
		<#include "../base/top.ftl" />
	</div>
	<!-- 头部 结束 -->
    <div class="member">
        <div class="memberLeft">
           <div class="memberLeft">
                <div class="title">我的账户</div>
				<#include "base.ftl" />                
            </div>
        </div>
        <div class="memberRight info">
            <div class="wrap switching">
                <ul class="tab_menu">
                    <li class="current">我的体验金</li>
                </ul>
                <div class="tab_box">
                    <div class="article">
                        <div class="title">现金券使用规则</div>
                        <p>1.现金券分为10元、20元、30元、100元面额。
                        </p>
                        <p>2.现金现金券分为券分为10元、20元、30元、100元面额。
                        </p>
                        <p>3.现金券分为现金券分为现金券分为10元、20元、30元、100元面额。
                        </p>
                        <p>4.现金券分为10元、20元、30元、100元面额。
                        </p>
                        <p>5.现金券分为1现金券分为现金券分为现金券分为元、100元面额。
                        </p>
                    </div>
                </div>
            </div>
            <div class="wrap switching1">
                <ul class="tab_menu tab_menu1">
                    <li class="current" data-value="notUsed">可使用</li>
                    <li data-value="useform">已使用</li>
                    <li data-value="overdue">已过期</li>
                </ul>
                <div class="tab_box tab_box1">
                    <div class="quan">
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
     <!-- 底部 开始 -->
	<#include "../base/foot.ftl" />
	<!-- 底部 结束 -->
	    <script type="text/javascript" src="${_front_js}/tabs.js"></script>
    <script type="text/javascript" src="${_front_js}/common.js"></script>
	<script type="text/javascript" src="${_front_js}/date.js"></script>
	<script type="text/javascript">
		$(".tab_menu1 li").click(function(){
			var status = $(this).attr("data-value");
			goldStatus(status);
			$(".tab_menu1.current").removeClass("current");
			$(this).addClass("current");
		});
		function goldStatus(status){
		$(".quan").html(""); 
		$.ajax({type: 'post',
            dataType: 'JSON',
            async:'false',
            url:'/account/vouchers',
            data:{"status":status},
            success: function(result){
            	var html =
                        "<div class='tips'>"+
	                        "<div class='fl'>"+
		                        "<span>"+
		                        "*</span>现金券在投标页面选择使用"+
	                        "</div>"+
	                        "<div class='fr'>"+
		                        "总记录：<span>"+result.entity.total+
		                        "</span>张"+
	                        "</div>"+
                        "</div>"+
                        "<ul>";
                for(var i=0;i<result.entity.pageList.length;i++){
                	var amount= result.entity.pageList[i].amount;
                	var startTime = formatDate(new Date(result.entity.pageList[i].createTime));
                	var endTime = formatDate(new Date(result.entity.pageList[i].endTime));
                	var source = result.entity.pageList[i].source;
                	html +=
                			"<li>"+
	                			"<div class='fl l-left'>"+
		                			"<p style='color:#ec7b7b;border-bottom: 1px dashed #ec7b7b;padding-bottom:5px'>"+
		                			"投资礼金</p>"+
		                			"<p style='color:#fff;padding-top:5px;font-size:16px;'>"+
		                				amount+
		                			"</p>"+
	                			"</div>"+
	                			"<div class='fl l-right'>"+
		                			"<div class='r-tit'>"+source+
		                			"</div>"+
		                			"<p>获券时间:"+
		                				startTime+
		                			"</p>"+
		                			"<p>有效期至:"+
		                				endTime+
		                			"</p>"+
	                			"</div>"+
                			"</li>"                       
                }
                html+="</ul>"
                 $(".quan").html(html); 
            }
        });       
	}
	window.onload = function(){
		goldStatus();
	}
	</script>
</body>

</html>
